$(function() {
	//	 人头像悬浮 出现小模态框
	var data;
	 $(".bind_hover_card").popover({  
	    html : true,    
	    title: title(),    
	    delay:{show:100, hide:100},  
	    content: function() {
	    	return $(this).attr('realName');
	        // if ($(this).index() == 0) {
	        //     data = $("<span>项目二部王晓晓1</span>");
			 //    return data;
	        // }else{
	        //     data = $("<span>项目二部王晓晓4</span>");
			 //    return data;
	        // }
	    } 
	      
	});
	
	
	//模拟动态加载标题(真实情况可能会跟后台进行ajax交互)  
    function title() {  
        return '资产包负责人';  
    }
    
    //	 前端表单验证开始
    $.validator.setDefaults({
	   debug: true
	})
     $("#jiBenXinXi").validate({})
     
    	
//	var formId = ['jiBenXinXi', 'diYaWuXinXi', 'diYaList', 'xianChangFangTan', 'dingJiaPingGuEdit'];
//	for(var i = 0; i < formId.length; i++) {
//		var str = formId[i];
//		$('#' + str).validate({
//			debug: true
//		})
//	}
	 //	 前端表单验证结束
	
	// 上方公共样式切换按钮
	// 基本情况-尽调评估-审核情况-操作日志 切换按钮
	$(".edit-tabs-li1").click(function() {
		$(this).addClass("active").children(".edit-tabs-ul2").show();
		$(this).siblings().removeClass("active").children(".edit-tabs-ul2").hide();

	});
	// 关注-下载报告-发起协同 切换按钮
	$(".details-btn").click(function() {
		$(this).addClass("btn-primary").siblings().removeClass("btn-primary").addClass("btn-default");
	});

	// 4.项目清单表格右上方切换按钮
	$(".notedit-nav-ul-guarantee li").click(function() {
		$(this).addClass("active").siblings().removeClass("active");
	});
	$(".notedit-nav-ul-guaranty li").click(function() {
		$(this).addClass("active").siblings().removeClass("active");
	});

	// 只显示亮点项目
	$(".table-foot-turn").click(function() {
		if($(this).find('img').attr('src') == 'image/assetPackage/turn.png') {
			$(this).find('img').attr('src', 'image/assetPackage/turnoff.png');
		} else {
			$(this).find('img').attr('src', 'image/assetPackage/turn.png');
		}
	});
	$('.myActiveBox').on('click', 'li', function() {
		$(this).addClass("myActive").siblings().removeClass('myActive')
	})



	//头部交互效果

	$(document).on('scroll', function() {
		//一键置顶
		if($(window).height()<getScrollTop()){
			$('.clicktop').show();
		}else{
			$('.clicktop').hide();
		}
		
		//	获取滚动条到顶部的垂直高度 ：
		if(getScrollTop() > 363) {
			$('.navFix').css({
				'position': 'fixed',
				'top': '0px'
			})
//			$('.navFixTop').show();
			$('.edit-tabs-ul1').css({
				'width': '100%',
				'height': '40px',
				'background': '#f9f9f9'
			})
		} else {
			$('.navFixTop').hide()

			$('.navFix').css({
				'position': 'relative',
				'top': '10px'
			})
		}
		
		
		//动态添加导航背景色
		var idList = ["jiBen","siFa","jiaZhi","buChong","zhuanRang","liuZhuan","tuanDui"];
	 	for(var i = 0; i < idList.length; i++){
	 		  var id = idList[i];
	 		  var top = $('#'+ id).offset().top-getScrollTop();
	 		  var str = -($('#'+ id).height()+118);
	 		if(top < 118 && top > str){
		 		$('.edit-tabs-ul2 li').eq(i).addClass('myActive').siblings().removeClass('myActive');
		 	}
	 	}
		
		
		
	})
	
    //锚链接样式
	  var href;
	 var scroll;
	$('.myActiveBox li').on('click', 'a', function() {
		
		 href = $(this).attr('data-href');
		$('html,body').animate({
			scrollTop:$(href).offset().top-108
		},{
			duration: 1,
			easing: "swing"
		})
	
	})
	/**
	 * 获取页面滚动距离

	 * @return 支持IE6
	 */
	function getScrollTop() {
		var scrollPos;
		if(window.pageYOffset) {
			scrollPos = window.pageYOffset;
		} else if(document.compatMode && document.compatMode != 'BackCompat') {	
			scrollPos = document.documentElement.scrollTop;
		} else if(document.body) {
			scrollPos = document.body.scrollTop;
		}
		return scrollPos;
	}
	
	
	
	//编辑js效果
	
	
		// 只显示亮点项目
	$(".table-foot-turn").click(function() {
		if($(this).find('img').attr('src') == 'image/assetPackage/turn.png') {
			$(this).find('img').attr('src', 'image/assetPackage/turnoff.png');
		} else {
			$(this).find('img').attr('src', 'image/assetPackage/turn.png');
		}
	});
	$('.myActiveBox').on('click', 'li', function() {
		$(this).addClass("myActive").siblings().removeClass('myActive')
	})
	//所属行业和抵押物类型样式切换
	$('.jiBenXinXi .labelActiveBox').on('click', 'label', function() {
		$(this).toggleClass('labelActive');
		// 获取当前label对应input的值
		//		var str = $(this).attr('for')
		//		console.log($('#'+str).prop('checked'))
	})
	$('.suSongZhuangTai strong').on('click', 'label', function() {
		// 获取当前label对应input的值
		var str = $(this).attr('for')
		//		console.log($('#'+str).is(':checked'))
		$(this).children('i').addClass('radioActive');
		$(this).siblings('label').children('i').removeClass('radioActive');
	})
	//	取消和保存按钮样式切换
	$('.cancelInConfirm').on('click', 'input', function() {
		$(this).addClass('cancelInConfirmActive').siblings('input').removeClass('cancelInConfirmActive');
	})

	//流转input聚焦和失去焦点
	$('.liuZhuan form table input[type="text"]').focus(function() {
		$(this).css({
			'border': '1px solid #333'
		})
	})

	$('.liuZhuan form table input[type="text"]').blur(function() {
		$(this).css({
			'border': '1px solid  #d6d6d6'
		})
	})

	//点击添加图标
//	$('.liuZhuan form table input[class="add"]').on('click', function() {
//      var str = "<tr>"+
//          "<td>"+
//          	"<input type=\"checkbox\" name=\" \" id=\" \" class=\"liuCheckbox\" value=\"\" />"+
//          "</td>"+
//          "<td>"+
//          "	<input type=\"text\"  value=\"\" />"+
//          "</td>"+
//          "<td>"+
//          "	<input type=\"text\" value=\"\" />"+
//          "</td>"+
//          "<td>"+
//          "	<input type=\"text\"  value=\"\" />"+
//          "</td>"+
//          "<td>"+
//          "	<input type=\"text\" value=\"\" />"+
//          "</td>"+
//          "<td style='display: none'>"+
//          "	<input type=\"text\"  value='' />"+
//          "</td>"+
//          "<td style='display: none'>"+
//          "	<input type=\"text\" value='' />"+
//          "</td>"+
//          "<td>"+
//          "	<input type=\"button\" class=\"add\" value=\"添加 \" />"+
//          "	<input type=\"button\" class=\"remove\" value=\"删除 \" data-toggle=\"modal \" onclick='removeData1(this)' />"+
//          "</td>"+
//          "</tr>";
//		$(this).parent().parent().after(str);
//	})
//	//		单击删除图标
//	var b = false;
//	var th;
//	$('.liuZhuan form table').on('click','input[class="remove"]', function() {
//		b = true;
//		 th = this;
//	})
	
	//	模态框中的单击'确定'图标
//	$('.modal-footer').on('click','#cancel',function(){
//		if(b){
//			$(th).parent().parent().remove();
//		}
//	})
//	
	//单击全选input
	$(document).on('click','.whole', function() {
		if($(this).is(':checked')) {
			$(this).parent().parent().siblings().find('input').prop('checked', true);

		} else {
			$(this).parent().parent().siblings().find('input').prop('checked', false);
		}
	})
	//点击单个input
	$(document).on('click','.liuCheckbox', function() {
		var index = $(this).parent().parent().siblings().length;
		var b = true;
		for(var i = 1; i <= index; i++) {
			if(!$('.liuZhuan table tr').eq(i).find('td').find('input[type="checkbox"]').is(":checked")) {
				b = false;
				$('.whole').prop('checked', false);
			}
		}
		if(b) {
			$('.whole').prop('checked', true);
		}
	})

	//基本信息中的企业类型

	$('.enterpriseType input[name="enterpriseType"]').on('click', function() {
		console.log($(this).is(':checked'))
		console.log($(this).prev().find("iput").is(':checked'))
		if($(this).is(':checked')) {
			$($(this)).parent().addClass('typeActive').siblings().removeClass('typeActive');
		}
	})
	
	var editImg  = true;
	
	//单击编辑
	$('.editImg').on('click',function(){
		if(editImg){
			$(this).parent().parent().parent().parent().parent().parent().hide();
			$(this).parent().parent().parent().parent().parent().parent().next().show()
		}
	})
	
	//单击取消cancel
	$('.cancelInConfirm').on('click','#cancel',function(){
		$(this).parent().parent().parent().parent().parent().hide();
		$(this).parent().parent().parent().parent().parent().prev().show()
		editImg = true;
	})
	//点击保存confirm
	$('.cancelInConfirm').on('click','#confirm',function(){
		$(this).parent().parent().parent().parent().parent().hide();
		$(this).parent().parent().parent().parent().parent().prev().show();
		editImg = true;
		
	})
	//点击添加图标(流转、前期处置及维护情况)
    $(".hunHeliuZhuanEdit").on('click','.addLi', function() {
        var str = "<tr><td><input type='checkbox' name=' ' id=' ' value='' class='liuCheckbox'/></td><td>" +
            "<input type='text' value='' /></td><td>" +
            "<input type='text'  value='' placeholder='如：信达—中信'/></td><td>" +
            "<input type='text' value='' /></td><td>" +
            "<input type='text' value='' /></td> <td style='display:none'>" +
            "<input type='text' hidde id='historyId' value='' /></td><td style='display:none'>" +
            "<input type='text' hidde  value='' /></td><td>" +
            "<input type='button' class='addLi' value='添加' /><input type='button' onclick='removeData1(this)' value='删除' data-toggle='modal'/></td></tr>";
        $(this).parent().parent().after(str);
       return false;
    })
});